@import "./modules/_all";

.heng-zuopin{
  @extend %h-title;
}

.prev{
  position:absolute;
  display: inline-block;
  width:46px;
  height:138px;
  top:50%;
  margin-top:-23px;
  z-index:1;
  cursor:pointer;
  margin-left:30px;
  background:url(../images/arrow-left1.png) no-repeat rgba(255,255,255,0.5);
}

.next{
  @extend .prev;
  background:url(../images/arrow-right1.png) no-repeat rgba(255,255,255,0.5);
  right:0;
  margin-left:0;
  margin-right:30px;
}
.news-gally{
  position:relative;
}

.xiju-gally{
  position:relative;
}

.xiju{
  position:relative;

  &:hover,&.active{
    .details{
      height: 268px;
      padding:30px 0;
    }
  }

  .details{
    width:100%;
    bottom:0;
    background:rgba(0,0,0,0.7);
    color:#fff;
    position:absolute;
    text-align: center;
    
    height: 0;
    transition: all .3s;
    a{
      display: inline-block;
      color:#d6000f;
      text-decoration: none;
    }
    p{
      margin:0;
    }
    .big{
      font-size:18px;
    }
    .m{
      margin-top:30px;
    }
  }
}